.page-recharge{
  padding-bottom:50px;
  .main-banner{
    height: 300px;
    .banner-content{
      width:1080px;
      margin:0 auto;
      height:100%;
      position: relative;
      .summary{
        position: absolute;
        top:50px;
        left:200px;
        color: #d5d5d5;
        div{
          margin-bottom:20px;
          .number{
            font-family: 'bigNum';
            font-size:25px;
            color:#fff;
          }
        }
      }
      .recharge-input{
        position: absolute;
        top:150px;
        left:200px;
        color:#fff;
        font-size: 16px;
        .btn-profit{
          margin:10px 0;
          text-align: right;
          a{
            color: #ffc514;
            font-size:13px;
          }
          a:hover{
            color: #ca9c10;
          }
        }
        .recharge-amount{
          width:200px;
          padding:15px 10px;
          border:0;
          box-shadow: 0 0 -10px #c0c0c0;
          outline: none;
          font-size:20px;
          color: #525252;
        }
      }
      .recharge-explain{
        position: absolute;
        box-sizing: border-box;
        left: 480px;
        top: 80px;
        background: rgba(0, 0, 0, 0.2);
        padding: 10px;
        color: #eaeaea;
        line-height: 30px;
        font-size: 13px;
      }

      .recharge-preview{
        position: absolute;
        left:200px;
        top:240px;
        background: #fff;
        border:8px solid #00a990;
        font-size:13px;
        display: none;
        .close{
          padding:5px 10px;
          text-align: right;
          cursor: pointer;
          font-size:18px;
          color: #7c7c7c;
        }
        .close:hover{
          color: #1a1a1a;
        }
        table{
          width: 300px;
          color: #7a7a7a;
          border-collapse: collapse;
          margin:0 10px 10px 10px;
          thead{
//            background: #8f8f8f;
            color: #494949;
            font-size:14px;
            font-weight: bold;
          }
          tr:nth-child(even){
            background: #efeff5;
          }
          tr{
            td{
              padding:8px 0;
              border-bottom:1px solid #eeeeee;
              text-align: center;
            }
          }
        }
      }
    }
  }

  .page-content{
    width:1080px;
    margin:0 auto;
    .bank-title{
      height:80px;
      line-height: 80px;
      background: url(./image/icon.png) no-repeat left center;
      padding-left:50px;
      font-size:25px;
    }
    .bank-select{
      background: #fff;
      margin-bottom:30px;
      .bank-container{
        padding-left:40px;
        padding-top:20px;
        a{
          display: inline-block;
          border:1px solid #00c4fe;
          margin:5px;
          cursor: pointer;
          image{
            padding:0;
            margin:0;
          }
        }
        a:hover{
          border-color:#e10000;
          box-shadow: 0 0 4px #e10000;
        }
        .active{
          border-color:#e10000;
          box-shadow: 0 0 4px #e10000;
        }
        .more-bank{
          display: none;
        }
      }
      .bank-action{
        padding-bottom:20px;
        text-align: center;
      }
      .agreement{
        margin:10px;
        text-align: center;
      }
    }
    .explain{
      background: #fff;
      padding:30px;
      color: #4d4d4d;
      font-size:15px;
      line-height: 25px;
      .title{
        font-weight: bold;
        font-size:15px;
      }
      .point{
        margin-top: 5px;
        background: #f4f4f4;
        padding:5px 10px;
      }
    }
  }
}

#idverify{
  .info{
    color: #00c4fe;
    font-size:14px;
    padding:10px;
    border:1px solid #00c4fe;
  }
  .tip{
    height:30px;
    line-height: 30px;
    color: #ff2b1c;
    text-align: center;
    font-size:14px;
    font-weight: 700;
  }
  .form_el{
    height:40px;
    padding-top:10px;
    color: #5a5a5a;
    font-size:14px;
    .form_title{
      width:130px;
      text-align: right;
      float: left;
    }
    input{
      outline: none;
      padding:5px;
      width:300px;
//      border-radius: 3px;
      border:1px solid #00c4fe;
    }
  }
}